<style>
	.placeholder {
		background: #ffff00;
		padding: 4px 2px;
		outline-offset: -2px;
		line-height: 1em;
		margin: 0 1px;
	}

	.placeholder::selection {
		display: none;
	}
</style>

<div class="ck ck-content" id="snippet-inline-widget">
	<p>Hello <span class="placeholder">{first name}</span> <span class="placeholder">{surname}</span>!</p>
</div>
